/*


    项目详情



 */


/* 头部 */
.head {
  width: 100%;
  //width: 3.325rem;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 0.5rem;
  box-shadow: 0 -6px 20px rgba(0, 0, 0, .1);
  background-color: #fff;
  z-index: 999;

  span {
    position: absolute;
    top: 0.15rem;
    left: 0.15rem;
  }

  .title-img {
    width: 1.1rem;
    margin: 0 auto;
    padding-top: 0.15rem;

    a {
      display: block;
      width: 100%;
      height: 100%;
      color: #333;
      font-size: 16px;

      img {
        display: block;
        width: 100%;
      }
    }
  }

  .share {
    color: #333;
    position: absolute;
    top: 0.15rem;
    right: 0.24rem;
  }

  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: -0.21rem;
    width: 0.22rem;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
  }

  &::before {
    content: "";
    position: absolute;
    top: 0;
    right: -0.11rem;
    width: 0.22rem;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
  }
}

/* 二维码区域 */
.qrcode-box {
  padding-top: 0.09rem;
  padding-bottom: 0.09rem;
  border-bottom: 0.05rem solid #eaeaea;

  .qr {
    width: 3.415rem;
    height: 1.375rem;
    background: url("../images/newsinfo/qrcode_back.png") no-repeat center center;
    background-size: contain;
    position: relative;

    div {
      position: absolute;

      img {
        display: block;
        width: 0.95rem;
      }

      p {
        color: #fff;
        font-size: 13px;
        text-align: center;
      }
    }

    .wx {
      top: 0.155rem;
      left: 1.3rem;
    }

    .wb {
      top: 0.155rem;
      right: 0.105rem;
    }
  }
}

/* 更多文章 */
.more-article {
  background-color: #fffcf8;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;

  h2 {
    font-weight: normal;
    margin-left: 0.22rem;
    font-size: 15px;
    color: #333;
    margin-top: 0 !important;
    margin-bottom: 0.19rem !important;
  }

  .ma-box {
    li {
      position: relative;
      margin-left: 0.25rem;
      padding-right: 0.15rem;

      &:before {
        content: "";
        position: absolute;
        width: 0.07rem;
        height: 0.07rem;
        background-color: #ff2c2c;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        border-radius: 50%;
      }

      a {
        display: block;
        width: 100%;
        height: 100%;
        color: #454545;
        font-size: 14px;
        padding-left: 0.13rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }

    li:not(:last-child) {
      margin-bottom: 0.25rem;
    }
  }
}







/* 复制的 */
.m{margin-top: 0.5rem!important;border-bottom: 0.05rem solid #eaeaea;}
body,input,textarea{ font-size:12px;    font-family:"黑体","Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;color:#666;  }
ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
a{ color:#666; font-weight:normal; text-decoration:none;}
p{ color:#666;}
body{ background:#eee;}
*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track { background: #222;}
::-webkit-scrollbar-thumb { background: #771e18;}
::-webkit-scrollbar-thumb:window-inactive {background: #771e18;}
::-webkit-scrollbar-thumb:vertical:hover { background: #771e18;}
.m{ width:100%; max-width:640px; margin:0 auto;}
.m img{ width:100%; float:left;}
.m p{ height:40px; float:left; width:100%; line-height: 40px;}
.nav{ position:fixed; bottom:0px; max-width:640px;}
.nav img{ float:left; width:100%;}
.nav ul{ position:absolute; width:100%; left:0px; height:100%;}
.nav ul li{ float:left; height:100%;}
.nav ul li a{ width:100%; float:left; height:100%;  display:block; }
.nav ul li.tel{ width:25%;}
.nav ul li.ly{ width:75%;}

.wttg{ position:fixed; left:0px; top:0px; width:100%; height:100%; float:left; background:rgba(0,0,0,0.8);opacity:0; z-index:-1;}
.wttg-nr{ width:440px; height:440px;  background:#fff;  position:absolute; left:50%; top:50%; margin-top:-220px; margin-left:-220px;}
.wttg-nr1{ width:100%; float:left; padding:30px 40px; position:relative;}
.wttg-nr1 h1{ width:100%; float:left; font-size:16px; color:#333; text-align:center; font-weight:normal; margin-bottom:40px;}
.wttg-nr1 ul{ width:100%; float:left;}
.wttg-nr1 ul li{ width:100%; float:left; margin-bottom:20px;}
.wttg-nr1 h2{ width:100%; float:left;}
.srbd{ width:100%; float:left; font-size:14px; color:#ff0000; line-height:48px; padding:0 20px; border:1px solid #eca080!important; outline:none;border-radius:0px;-webkit-appearance: none;}
input:-ms-input-placeholder{color: #000;opacity:1;}
input::-webkit-input-placeholder{color: #000;opacity:1;}
.wttg-nr1 h2 a{ display:inline-block; width:100%; float:left; font-size:16px; color:#333; background:#dcdcdc; line-height:48px; text-align:center;transition: all 0.5s ease-out 0s;}
.wttg-nr1 h2 a:hover{ background:#e60012; color:#fff;}
.wttg-nr1 h3{ width:100%; float:left; text-align:center; margin-top:30px;}
.wttg-nr1 h3 a{ display:inline-block; font-size:14px; color:#ff0000; line-height:30px;}
.wttg-nr1 h3 a img{ max-width:100%; margin-bottom:-9px;}
.wttg-nr1 h4{ position:absolute; top:20px; right:20px;cursor:pointer;  }
.wttg-nr1 h4 img{ max-width:100%; float:left;transition: 284ms ease-in-out; }
.wttgg{ opacity:1; z-index:999;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.wttg-nr1 h4:hover img{transform: rotate(180deg); }

.zl{ float:left; width:100%; background:#fff; padding:20px;padding-top:0;}
.zl dl{ float:left; width:100%; margin-bottom:15px;}
.zl dl dt{float:left; width:100%; font-size:14px; color:#333; font-weight:bold; line-height:40px;}
.zl dl dt b{ color:red;}
.zl dl dd{ float:left; width:100%;}
.zl dl dd .srbd{ border-radius:0px;}
.zl h2{ float:left; width:100%;}
.zl h2 a{width: 100%;float: left; font-size: 18px; display:block; background:#fff325;border-radius:50px; line-height: 50px;padding: 0 20px; text-align:center; color:#340100;box-shadow: 0 3px 4px #eca080}
.zl h2 a.bt{box-shadow: none}
.z1 p.toast{color:#333!important;font-size: 0.1rem!important;text-align: center!important;line-height: 40px!important;}
.tjcg{max-width:640px; margin:0 auto; text-align:center; padding-top:10%;}
.tjcg img{ max-width:100%;}
html .zl.bottom-form{background: url("../images/projectinfo/input_back.png") repeat-y left center!important;background-size: cover; padding-top: 10px;}
@media (max-width: 460px){
  .wttg-nr{ width:96%; margin-left:2%; height:420px; margin-top:-210px; left:0px;}
  .wttg-nr1{ padding:30px 15px;}
  .wttg-nr1 h1{ margin-bottom:30px;}
  .wttg-nr1 h3{ margin-top:30px;}
}
.toast{
  color: #333!important;font-size: 12px!important;text-align: center;}








































